<template>
<div>
<Head></Head>
<div class="i_bg bg_color">
    <div class="m_content">
        <Left></Left>
        <button @click="show">点我</button>
         <button>{{name}}</button>
        <router-view :mess='mess'  @change="change"></router-view>
    </div>
    <Footer></Footer>
</div>
</div>  
</template>
<script>
import Head from './common/Head'
import Left from './common/Left'
import Footer from './common/Footer'
export default {  
    data(){
        return{
         mess:'我',
         name:'点你'
    }
    },
    components:{
        Head,Left,Footer
    },methods:{
        show :function(){
            this.mess='张三'
        },change:function(data){
           this.name=data;
        }
    }
}
</script>
